<template>
    <div style="height:50px; line-height:50px; border-bottom:1px solid #cccccc; display: flex;background-color: #2a5caa;">
        <div style="width:200px; margin-left: 30px;font-weight: bold; color:#ffffff;">后台管理系统</div>
        <div style="flex:1px"></div>
        <div style="width:100px; margin-right: 35px;">
            <el-dropdown>
                <span class="el-dropdown-link" style="color: #fff;">
                    用户
                    <el-icon class="el-icon--right">
                    <arrow-down />
                    </el-icon>
                </span>
                <template #dropdown>
                    <el-dropdown-menu>
                        <el-dropdown-item>基本信息</el-dropdown-item>
                        <el-dropdown-item>修改秘密</el-dropdown-item>
                        <el-dropdown-item>权限管理</el-dropdown-item>
                    </el-dropdown-menu>
                </template>
            </el-dropdown>

        </div>
    </div>
</template>
<script>
    export default {
        name:"Header"
    }
</script>
